<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/longin.css">
</head>
<body>
    <div id="login">
        <img class="bg" src="./img/login-bg.png" alt="">
        <form class="fl" action="">
            <img class="logo" src="./img/loginlogo.png" alt="">
            <div class="method">
                <span>账号登录</span>
                <span>|</span>
                <span>扫码登录</span>
            </div>
            <div class="input rel">
                <span class="user"></span><input type="text" name="username" placeholder="用户名/手机号/邮箱">
                <span class="pwd"></span><input type="password" name="password" placeholder="密码">
            </div>
            <p class="forget"><a href="#">忘记登录</a></p>
            <input id="btn" type="button" value="登录">
            <p>还有没有账号,<a href="#">立即注册</a><span class="arw"></span></p>
        </form>
    </div>
</body>
</html>